<template>
<div class="about">
  <h1>This is an about page</h1>
  对象存储器中的数据a={{ this.$store.state.a }}
  <div>{{ 'len=' + getStudentLength }}</div>
  <ul>
    <li v-for="(item, index) in getStuGt17" :key="index">
      {{ item.id }}--{{ item.name }}--{{ item.pass }}--{{ item.age }}
    </li>
</div>
</template>

<script>
import {
  mapState,
  mapGetters
} from 'vuex'
export default {
  mounted() {
    console.log(mapState)
  },
  computed: {
    // getStudentLength() {
    //   return this.$store.getters.getStudentLength
    // }
    ...mapGetters(['getStudentLength', 'getStuGt17'])
  }
}
</script>
